﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">


<style>
body {
 background-color: #0f2238;
 overflow: hidden;
 text-align: center;
}

body,
html {
 height: 100%;
 width: 100%;
 margin: 0;
 padding: 0;
}

#animationWindow {
 width: 100%;
 height: 100%;
}</style>

</head>
<body>

<script type="text/javascript" src="js/bodymovin.min.js"></script>

<div id="animationWindow"></div>

<script type="text/javascript">
var select = function(s) {
    return document.querySelector(s);
  },
  selectAll = function(s) {
    return document.querySelectorAll(s);
  }, 
  animationWindow = select('#animationWindow'),    
    animData = {
		wrapper: animationWindow,
		animType: 'svg',
		loop: true,
		prerender: true,
		autoplay: true,
		path: 'world.json' 
	}, anim;

	anim = bodymovin.loadAnimation(animData);
 //anim.addEventListener('DOMLoaded', onDOMLoaded);
 anim.setSpeed(1.4);
</script>

</body>
</html>
